.markdown-container {
    overflow-x: auto;
    scrollbar-width: thin;
  
    pre {
      -ms-overflow-style: none !important;
      white-space: pre-wrap;
      margin-top: 1em;
      margin-bottom: 1em;

      &:has(.language-sql),
      &:has(.language-java),
      &:has(.language-javascript),
      &:has(.language-typescript),
      &:has(.language-csharp),
      &:has(.language-python),
      &:has(.language-json) {
        background-color: black;
        color: white !important;
        border-radius: 5px;
        padding: 5px 10px;
      }
    }
  
    pre::-webkit-scrollbar {
      display: none !important;
    }
  
    table {
      margin-top: 1em !important;
      margin-bottom: 1em !important;
      border-radius: 5px;
  
      th, td {
        padding: 3px 5px !important;
      }
    }
    
    p {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
  
    ul {
      list-style-position: inside !important;
    }
}
  
.markdown-lite {
    table {
      th, td {
        border: 1px solid white;
      }
    }
  
    a {
      color: white;
    }
}
  
.markdown-dark {
    table {
      th, td {
        border: 1px solid $primary;
      }
    }
  
    a {
      color: $primary;
    }
}

.code-block {
    position: relative;
    background-color: black;
    color: white;
    border-radius: 5px;
    padding: 5px 10px;
    
    pre {
        margin: 0px !important;
        white-space: pre !important;
        overflow-x: auto;
        scrollbar-width: thin;
        max-width: 100%;
    }

    .code-header {
        display: flex;
        justify-content: space-between;
    }
}